/*----SLIDE OUT BOX STUFF----*/
#slidebox {
    box-sizing: border-box;
    width:440px;
    max-width: 90%;
    padding:20px;
    background-color:#fff;
    border-top:4px solid #231F20;   
    position:fixed;
    /* bottom:0px; */
    bottom:196px; /* Move up from bottom of page for Zox news theme */
    right:-450px;
	box-shadow: -3px -3px 6px rgba(0,0,0,.35);
	z-index: 10000;
}



#moreCat {
    text-transform: uppercase; 
	border-bottom: 1px solid #e9e9e9; 
	padding-left: 20px;
	margin: -20px -20px 20px -20px;
	letter-spacing: .5px;
	font:bold 13px/40px sans-serif;
}

#slidebox a.slideboxClose {
    background:transparent url(images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:12px;
    right:12px;
}
#slidebox a.slideboxClose:hover{ background-position:0px -13px;}

#slidebox .slideboxImgPlusTitle:first-child {
    margin-top: 0 !important;
}

#slidebox .slideboxImgPlusTitle {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    max-height: 90px;

    font-size: 0;
}

#slidebox .slideboxImgPlusTitle:hover {
    font-weight: 500;
}

#slidebox .slideboxImgPlusTitle .slideboxImgPlusTitle-img {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 120px;
    height: 90px;
    max-width: 120px;
    max-height: 90px;

    background: rgba(204, 204, 204, 0.5);
    border-radius: 5px;
}

#slidebox .slideboxImgPlusTitle .slideboxImgPlusTitle-img img {
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 90px;
}

#slidebox .slideboxImgPlusTitle .slideboxImgPlusTitle-text {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: calc(100% - 120px);
    height: 90px;
    max-height: 90px;
    vertical-align: top;

    padding: 10px;
    font-size: 1rem;
}

@media (max-width: 999px), (max-height: 999px) {
    /* Only show 1 item if width or height less than 1000px */
    #slidebox .slideboxImgPlusTitle:not(:first-of-type) {
        display: none;
    }
}

@media (max-width: 479px) {
    #slidebox { bottom: 110px; } /* Adjust height for bottom footer */
}